/**
 *	Amantes Stylesheet
 *	@author Ncomunicaciones
 */

/*===============================
	font face
=================================*/

@font-face {
    font-family:"Limehouse";
    src:url("../fonts/limehouse_script-webfont.eot");
    src:url("../fonts/limehouse_script-webfont.eot?#iefix") format("embedded-opentype"),
        url("../fonts/limehouse_script-webfont.woff") format("woff"),
        url("../fonts/limehouse_script-webfont.ttf") format("truetype"),
        url("../fonts/limehouse_script-webfont.svg#limehouse_scriptregular") format("svg");
    font-weight:normal;
    font-style:normal;
}

/*===============================
	reset
=================================*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	font:inherit;
	vertical-align:baseline;
}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section { display:block; }
body { line-height:1; }
ol, ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after { content:""; content:none; }
table { border-collapse:collapse; border-spacing:0; }

/*===============================
	elements
=================================*/

* { -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box; *zoom:1; }
body { font-family:"Limehouse", Arial, Helvetica, sans-serif; color:#333; background:url(../img/background.jpg) center center; }
h1, h2, h3, h4, h5, h6, p { margin-top:10px; }
hr { border:0; border-top:1px solid #333; margin:10px 0; }
strong, b { font-weight:bold; }
a { color:inherit; text-decoration:none; cursor:pointer; }
input, textarea, select, datalist, button { margin:0; padding:0; border-style:solid; font-size:100%; font:inherit; color:inherit; }
a span { font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif}
/*===============================
	grid
=================================*/

/* fixed */
[class^="grid-"],
[class*=" grid-"] {
	float:left;
	margin-left:10px;
	margin-right:10px;
}

.grid-1 { width:60px; }
.grid-2 { width:140px; }
.grid-3 { width:220px; }
.grid-4 { width:300px; }
.grid-5 { width:380px; }
.grid-6 { width:460px; }
.grid-7 { width:540px; }
.grid-8 { width:620px; }
.grid-9 { width:700px; }
.grid-10 { width:780px; }
.grid-11 { width:860px; }
.grid-12 { width:940px; }

.alpha { margin-left:0; }
.omega { margin-right:0; }

.container { position:relative; width:960px; margin:0 auto; }
.container:after { content:""; display:table; clear:both; }

/*===============================
	classes
=================================*/

/* utility */
.transition { -webkit-transition:all 0.3s ease; transition:all 0.3s ease; }
[class^="spacer-"],
[class*=" spacer-"] {
	display:block;
	clear:both;
}
.spacer-10 { height:10px; }
.spacer-20 { height:20px; }
.spacer-40 { height:40px; }
.clear { display:block; height:0; clear:both; }
.clearfix:after { content:""; display:table; clear:both; }

/*===============================
	content
=================================*/

#video { position:relative; background-color:#FFF; }
#video .player-wrapper { display:none; position:relative; width:720px; padding:20px 0; margin:0 auto; }
#video .close { position:absolute; left:100%; top:20px; margin-left:20px; }
#video .home-video { position:absolute; left:0; right:0; top:100%; margin:0 auto; width:194px; cursor:pointer; z-index:1; }
#video .block { position:absolute; z-index:5;}
#video .block.r1 { left:-21px; top:37px;}
#video .block.r2 { top:13px;}
#video .block.r3 { right:-21px; top:37px;}

#content { padding-top:20px; background:url(../img/bar.png) repeat-x -90px -10px;  }
#content .home { background:url(../img/bg_home.png) no-repeat center; }
#content .home-nav { float:right; margin:0 60px; font-size:26px; font-family:"Limehouse", sans-serif; text-align:center; outline:0;
-webkit-transition:all 0.3s ease; transition:all 0.3s ease; }
#content .home-nav.close { margin:0 100px; }
#content .home-nav.disabled { opacity:0.4; filter:alpha(opacity=40); -webkit-transition:none; transition:none; cursor:default; }
#content .home-nav.n1 { margin-top:-25px; margin-left:135px; }
#content .home-nav:first-child { float:left; }
#content .home-nav:hover, #content .home-nav:focus { color:#A62B30; -webkit-transform:scale(1.1); transform:scale(1.1); }
#content .home-nav.disabled:hover, #content .home-nav.disabled:focus { color:#333; -webkit-transform:none; transform:none; }
#content .home-nav img { display:block; }
#content .home-nav small { font-size:20px; }

#content .heart { position:absolute; left:0; right:0; top:0; bottom:0; width:206px; height:227px; margin:auto; cursor:pointer; }

/* side bar */
#content .side-bar { font-size:26px; font-family:"Limehouse", sans-serif;  }
#content .brand { display:block; }
#content .brand img { display:block; height:140px; }
#content .nav { margin-top:5px; text-align:center; }
#content .nav small { font-size:20px; }
#content .single { line-height:62px; }
#content .nav a { display:block;
-webkit-transition:all 0.3s ease; transition:all 0.3s ease; }
#content .nav .disabled { opacity:0.4; filter:alpha(opacity=40); -webkit-transition:none; transition:none; cursor:default; }
#content .nav a:hover, #content .nav a:focus { color:#A62B30; -webkit-transform:scale(1.1); transform:scale(1.1); outline:0; }
#content .nav .disabled:hover, #content .nav .disabled:focus { color:#333; -webkit-transform:none; transform:none; }
#content .nav img { float:left; height:2.6em; }

#content .pages { position:relative; padding:50px 160px 0 80px; height:614px; background:url(../img/pages.png); font-size:22px; }
#content .pages-text { max-height:420px; padding-right:10px; margin-top:10px; overflow:auto; }
#content .pages h1 { margin-top:0; font-size:40px; }
#content .pages h2 { font-size:32px; color:#360072; }
#content .pages p.lead { font-size:30px; }
#content .pages .color { color:#360072; }

/* test */
#content .test { overflow:hidden; }
#content .items { position:relative; width:10000%; margin-top:20px; }
#content .test fieldset { float:left; position:relative; width:1%; }
#content blockquote { border: dotted 4px rgb(216, 188, 157);padding: 0px 12px 10px;margin-top: 26px;}
#content .test legend { width:100%; font-size:32px; color:#360072; }
#content .test p { font-size:30px; }
#content .test input[type="text"],
#content .test textarea { padding:0 5px; border:1px solid #000; border-radius:10px; text-align:center; }
#content .test label {
	display:inline-block;
	padding:5px 10px;
	margin-left:0;
	border:2px solid transparent;
	border-radius:5px;
	-webkit-transition:all 0.3s ease; transition:all 0.3s ease;
	cursor:pointer; 
}
#content .test label:hover { border-color:orange; }
#content .test .checked { padding-right:55px; background:url(../img/check.png) no-repeat right; border-color:#D86C00; }
#content .question p { font-size:28px; margin-top:15px; }
#content .radio { display:inline-block; width:32px; height:32px; border:1px solid #666; background-color:#FFF; font-size:16px; font-family:Arial, Helvetica, sans-serif; line-height:32px; text-align:center; border-radius:2px; }
#content .form-prev { display:none; position:absolute; left:190px; bottom:50px; z-index:1; }
#content .form-next { position:absolute; right:190px; bottom:50px; z-index:1; }
#content .form-more { display:none; position:absolute; right:190px; bottom:64px; z-index:1; }

#content .chart { position:relative; width:526px; height:356px; margin-top:10px; background:url(../img/chart.png); }
#content .chart2 { position:relative; width:526px; height:356px; margin-top:10px; background:url(../img/chart2.png); }
#content .bar { position:absolute; width:100px; height:48px; left:67px; background:url(../img/bars.png) no-repeat; text-align:right; cursor:pointer; }
#content .agape { top:8px; background-position:right 0; }
#content .eros { top:57px; background-position:right -48px; }
#content .storge { top:105px; background-position:right -96px; }
#content .pragma { top:157px; background-position:right -144px; }
#content .mania { top:204px; background-position:right -192px; }
#content .ludus { top:250px; background-position:right -240px; }
#content .qty { position:absolute; top:0; left:100%; margin-left:10px; line-height:38px; }

.underline { text-decoration:underline; }

.test-cloud { width:313px; height:220px; padding:35px 45px 0; margin-left:-20px; background:url(../img/cloud_footer.png); }
.test-cloud h3 { color:#A62B30; font-size:26px; }
.test-cloud p { margin-top:10px; font-size:24px; line-height:1.2; }

#content .cloud.alt { margin-top: 58px;
margin-left: 490px;
background-image: url(../img/cloud_alt.png);
width: 324px;
height: 523px; 
padding: 69px 27px 0 77px;
}
#content .cloud.alt h3 { font-size:24px; }
#content .cloud.alt p { font-size:19px; }

.progress { position:absolute; right:162px; top:46px; font-size:26px; }
.progress p { margin-top:0; }
#progress-bar { float:left; position:relative; width:220px; height:4px; margin-top:5px; background-color:#FFF; }
#progress-bar span { display:block; position:absolute; width:0; height:100%; background-color:#A62B30; z-index:1; }

/* datos */
#content .pane { display:none; }
#content .data-chart { position:relative; margin:5px 0 30px; text-align:center; }
#content .data-chart2 { position:relative; margin:5px 0 30px; text-align:center; }
#content .data-chart3 { position:relative; margin:5px 0 10px; text-align:center; }
#content .info { position:absolute; }
#content .data-prev { display:none; position:absolute; left:190px; bottom:70px; z-index:1; }
#content .data-next { position:absolute; right:190px; bottom:70px; z-index:1; }
#content .data-prev2 { display:none; position:absolute; left:190px; bottom:30px; z-index:1; }
#content .data-next2 { position:absolute; right:190px; bottom:30px; z-index:1; }
#notas-prensa p { padding:10px;}

.data-cloud { width:154px; padding:10px 5px; border:2px dotted #333; margin-top:10px; background:#FFF; font-size:22px; text-align:center; border-radius:10px; }
.data-cloud h3 { color:#A62B30; font-size:26px; }
.data-cloud p { margin-top:10px; font-size:24px; line-height:1.2; }

/* tus dudas */
#content .item { padding:5px 0 1px; border-bottom:2px dotted #666; }
#content .img { float:right; }
#content .item h2 { margin-top:0; font-size:30px; }
#content .tags { color:#360072; }
#content .tags a { color:#333; }
#content .tags a:hover { text-decoration:underline; }
#content .pages-nav { float:right; }
#content .pages-nav > li { float:left; position:relative; margin-left:20px;
-webkit-transition:all 0.3s ease; transition:all 0.3s ease; }
#content .pages-nav > li:first-child { margin-left:0; }
#content .pages-nav:hover li { opacity:0.6; }
#content .pages-nav li:hover { opacity:1; }

#content .cloud { width:312px; height:465px; padding:45px 102px 0 45px; margin-left:80px; background:url(../img/cloud.png); z-index:1; }
#content .cloud-text { height:420px;  overflow:auto; }
#content .cloud h3 { color:#A62B30; font-size:26px; }
#content .cloud p { margin-top:10px; font-size:22px; line-height:1.2; }
#content .cloud a { text-decoration:underline; }

/* tu historia */
#escribenos { width:400px; height:590px; padding:50px 80px 0; background:url(../img/cloud_overlay.png); }
#escribenos .close { position:absolute; top:0; right:0; }
#escribenos .color { color:#360072; }

.last small {
font-size: 18px;
width: 286px;
display: block;
}
.last small a { color:red;}
.last small a:hover { text-decoration: underline; }

.upload { font-size:32px; }
.upload input[type="text"],
.upload textarea { width:388px; padding:0 5px; border:1px solid #000; border-radius:10px; }
.upload input[type="file"] { width:400px; height:1em; border:0; cursor:pointer;  }
.upload input[type="image"] { float:right; border:0; }
.upload input.url { width:328px; padding-right:60px; background:url(../img/url.png) no-repeat right center; }
.file {
	display:block;
	height:1em;
	padding:0 30px 0 5px;
	border:1px solid #000;
	background-color:#FFF;
	color:#999;
	border-radius:10px;
	background:url(../img/buscar.png) no-repeat right center;
	white-space:nowrap;
}

/*===============================
	footer
=================================*/

#footer { position:fixed; left:0; right:0; bottom:0; padding-bottom:20px; font-family:"Limehouse", sans-serif; }
#footer .social-links { float:right; }
#footer .social-links li { float:left; margin-left:10px;
-webkit-transition:all 0.3s ease; transition:all 0.3s ease; }
#footer .social-links li:first-child { margin-left:0; }
#footer .social-links:hover li { opacity:0.6; }
#footer .social-links li:hover { opacity:1; }
#footer .social-links img { display:block; }
#footer .share-box { display:none; position:absolute; bottom:100%; right:10px; width:126px; height:32px; padding:7px 10px 0; background:url(../img/share_box.png); }
#footer .social-links li:hover .share-box { display:block; }
#footer .share-box li { float:left; margin-left:15px; }
#footer .share-box li:first-child { margin-left:0; }
#footer .about { font-size:30px; line-height:31px; }
#footer .about.alt { margin-left:113px; text-align:center; }
#footer big { font-size:56px; }

#footer .cloud { width:313px; height:210px; padding:45px 45px 0; margin-left:-100px; background:url(../img/cloud_footer.png); text-align:left; z-index:1; }
#footer .cloud-text { height:308px; padding-right:10px; overflow:auto; }
#footer .cloud p { margin-top:10px; font-size:24px; line-height:1.2; }
#footer .cloud a { text-decoration:underline; }

/*===============================
	jquery tools
=================================*/

.tooltip { display:none; z-index:9999; }
.overlay { display:none; }

/*===============================
	media queries
=================================*/

@media screen and (max-height:560px){
	#footer .trigger { padding:5px 10px; background-color:#FFF; }
}